<template>
  <div>
    <ArticleItem
      v-for="item in arr"
      :key="item.art_id"
      :list="item"
      @remove="del"
    ></ArticleItem>
  </div>
</template>

<script>
// 导入文章单元格组件
import ArticleItem from '../ArticleItem'
export default {
  // 注册组件
  components: {
    ArticleItem
  },
  // 接收home传过来的值
  props: {
    arr: {
      type: Array,
      require: true
    }
  },
  methods: {
    del (item, action) {
      this.$emit('del', item, action)
    }
  }
}
</script>

<style>
</style>
